
.tshop-um-t-tai-xiu {
	height: 650px;
	margin-bottom: 10px;
	background: #fff;

	.inner {
		padding: 10px;
	}

	.carousel {
		position: relative;
		width: 930px;
		height: 630px;
		overflow: hidden;
		background: #fff;

		a.btn-prev,
		a.btn-next {
			display: none;
		}

		.container  {
			width: 300px;
			height: 630px;
			overflow: hidden;
			position: absolute;
			left: 210px;
			top: 0;
			z-index: 20;

			.ks-switchable-content {
				li {
					width: 300px;
					height: 630px;
					overflow: hidden;

					.pic {
						float: left;
						width: 300px;
						height: 630px;

						a {
							display: block;
							width: 300px;
							height: 630px;
							overflow: hidden;
							background-position: center top;
							background-repeat: no-repeat;
							background-color: #F1E5D6;
						}
					}
				}
			}
		}

		.ks-switchable-nav {
			position: absolute;
			width: 930px;
			height: 630px;
			left: 0;
			bottom: 0;
			z-index: 15;

			li  {
				position: absolute;
				width: 200px;
				height: 310px;
				overflow: hidden;

				a {
					display: block;
					width: 200px;
					height: 310px;
					overflow: hidden;
					background-color: #F1E5D6;
					background-position: center top;
					background-repeat: no-repeat;
					position: relative;
					color: #fff;
					text-decoration: none;
					text-align: center;

					.attr {
						display: none;
						position: absolute;
						left: 0;
						bottom: 0;
						width: 200px;
						height: 60px;
						background: url(../../assets/images/t-tai-xiu-bg.png) repeat-x 0 -60px;

						.title {
							height: 28px;
							line-height: 14px;
							overflow: hidden;
							padding: 7px 5px 0;
						}

						.price {
							height: 25px;
							line-height: 25px;
							overflow: hidden;
						}
					}
				}

				&.i1 {
					left: 0;
					top: 0;
				}
				
				&.i2 {
					left: 520px;
					top: 0;
				}
				
				&.i3 {
					left: 730px;
					top: 0;
				}
				
				&.i4 {
					left: 0;
					top: 320px;
				}
				
				&.i5 {
					left: 520px;
					top: 320px;
				}
				
				&.i6 {
					left: 730px;
					top: 320px;
				}



				&.ks-active {
					a {
						.attr {
							display: block;
						}
					}
				}
			}
		}
	}

}

 
